view {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
  color: #000;
}

.mt-8{margin-top: 8rpx;}
.mt-24{margin-top: 24px;}
.mt-12{margin-top: 12rpx;}
.mt-16{margin-top: 16rpx;}
.mt-24{margin-top: 24rpx;}
.mt-32{margin-top: 32rpx;}
.mt-36{margin-top: 36rpx}
.mt-48{margin-top: 48rpx}
.mt-72{margin-top: 72rpx}
.mb-4{margin-bottom: 4px;}
.mb-8{margin-bottom: 16rpx;}
.mb-12{margin-bottom: 12px;}
.mb-20{margin-bottom: 20px;}
.mb-24{margin-bottom: 24rpx;}
.mb-32{margin-bottom: 32rpx;}
.mb-48{margin-bottom: 48rpx;}
.mr-4{margin-right: 4px;}
.mr-8{margin-right: 8rpx}
.mr-12{margin-right: 12rpx;}
.ml-4{margin-left: 4px;}
.ml-6{margin-left:6px}
.ml-8{margin-left: 8px;}
.ml-12{margin-left: 12px;}
.pl-4{padding-left: 4px;}
.pl-8{padding-left: 8px;}
.pl-12{padding-left: 12px;}
.pl-15{padding-left: 15px;}
.pr-12{padding-right: 12px;}
.pr-15{padding-right: 15px;}
.pb-20{padding-bottom: 20px;}
.pt-24{padding-top: 24px;}
.pb-8{padding-bottom: 8px;}
.pb-12{padding-bottom: 12px;}

.base-color { color: #716BFF;}
.basegColor {color: #186e30}
.red-color { color: #cd2424;}
.gray-color000{color: #000;}
.gray-color6 { color: rgb(0 0 0 / 0.6)}
.gray-color { color: #999;}
.gray-color2 { color: #222;}
.color-wirte { color: #ffffff;}
.color-blur{color: rgb(22, 100, 255);}
.color-org{color: #FFC857}
.color-green{color: #00b4b3}


.bg-gray{background: #f4f2ee;}

.flex-1{flex:1}

.flexRow{display: flex;flex-direction: row;}
.flex-col{display: flex;flex-direction: column;}
.page-menu-icon{margin-right: 0!important;}

.bold{font-weight: bold;}

.f12{font-size: 24rpx;}
.f-12{font-size: 24rpx;}
.f-13{font-size: 26rpx;}
.f-14{font-size: 28rpx;}
.f-15{font-size: 15px;}
.f-16{font-size: 32rpx;}
.f-18{font-size: 36rpx;}
.f-20{font-size: 20px;}
.f-28{font-size: 28px;}
.f-40{font-size: 40px;}

.w-80{width: 80px;}
.w-90{width: 90px;}
.w-70{width: 70px;} 
.w-100{width: 100px;}
.w-120{width: 120px;}
.w-260{width: 260px;}
.w-400{width: 400px;}
.w-600{width: 600px;}
.w-b70{width: 70%;}
.w-b100{width: 100%;}

.text-right{text-align: right;}
.text-center{text-align: center;}

.pr-10{padding-right: 10px;}

.flex-row{display: flex;flex-direction: row;}
.flex-column{display: flex;flex-direction: column;}
.flex-rowreverse{display: flex;flex-direction:row-reverse}
.nowrap{white-space: nowrap}
.align-items-center{align-items: center;}

.align-items-end{align-items: flex-end;}

.justify-center{justify-content: center;}

.space-between{justify-content: space-between;}

.flex-start{justify-content: flex-start;}
.flex-end{justify-content: flex-end;}

.relative{position: relative;}
.pointer{ cursor: pointer }

.break-all{ word-break: break-all; }

.divider {
	width:100%;
	height:1rpx;
	background:#ebebeb;
	transform: scaleY(0.5);
}

.page-dic{ width: 8rpx; height:8rpx; background:#999; border-radius: 8rpx; overflow: hidden; }

.clamp1{
  display: -webkit-box;
	-webkit-box-orient: vertical;
	/*设置省略号在容器第四行文本后*/
	-webkit-line-clamp: 1; 
	overflow: hidden;
  word-break: break-all;
}

.clamp2{
  display: -webkit-box;
	-webkit-box-orient: vertical;
	/*设置省略号在容器第四行文本后*/
	-webkit-line-clamp: 2; 
	overflow: hidden;
  word-break: break-all;
}

.box-shodw{box-shadow: 0px 0px 0px 1px rgb(140 140 140 / 0.2);}

.hidden{overflow: hidden;}


.page-wraper{
	height: 100vh;
	overflow: hidden;
}

 